<!DOCTYPE html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <title>Hello Amaze UI</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="__CDN__/i/favicon.png">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="__CDN__/i/app-icon72x72@2x.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="__CDN__/i/app-icon72x72@2x.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="__CDN__/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">

  <link rel="stylesheet" href="__CDN__/css/amazeui.min.css">
  <link rel="stylesheet" href="__CDN__/css/app.css">
</head>
<body>
<p>
  Hello Amaze UI.
</p>
<ol class="am-breadcrumb">
  <li><a href="#" class="am-icon-home">首页</a></li>
  <li><a href="#">分类</a></li>
  <li class="am-active">内容</li>
</ol>

<div class="am-panel am-panel-default">
  <div class="am-panel-hd">面板标题</div>
  <div class="am-panel-bd">
    面板内容
  </div>
</div>

<section class="am-panel am-panel-default">
  <header class="am-panel-hd">
    <h3 class="am-panel-title">面板标题</h3>
  </header>
  <div class="am-panel-bd">
    面板内容
  </div>
</section>

<div class="am-alert">
  没什么可给你，但求凭这阙歌。谢谢你风雨里，都不退愿陪着我。
</div>

<!--在这里编写你的代码-->
<div class="am-dropdown" data-am-dropdown>
  <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle>下拉列表 <span class="am-icon-caret-down"></span></button>
  <ul class="am-dropdown-content">
    <li class="am-dropdown-header">标题</li>
    <li><a href="#">快乐的方式不只一种</a></li>
    <li class="am-active"><a href="#">最荣幸是</a></li>
    <li><a href="#">谁都是造物者的光荣</a></li>
    <li class="am-disabled"><a href="#">就站在光明的角落</a></li>
    <li class="am-divider"></li>
    <li><a href="#">天空海阔 要做最坚强的泡沫</a></li>
  </ul>
</div>


<input type="button" class="am-btn am-btn-primary btn-loading-example" value="Submit - Input" />



<!--<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>-->

<!--[if (gte IE 9)|!(IE)]><!-->
<!--<script src="__CDN__/js/jquery.min.js"></script>-->
<script src="http://www.amazeui.org/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="__CDN__/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="__CDN__/js/amazeui.min.js"></script>
<script>
    $('.am-alert').alert()
    $('.am-alert').alert('close');

    $('.btn-loading-example').click(function () {
        var $btn = $(this)
        $btn.button('loading');
        setTimeout(function(){
            $btn.button('reset');
        }, 5000);
    });

    $(function() {
        $('#doc-dropdown-js').dropdown({justify: '#doc-dropdown-justify-js'});
    });
</script>
</body>
</html>
